Test of the Datetime Question

Survey Deadline: 03/06/2025, 6:6:25 PM

Date Created: 02/20/2025

0 2

About

It is easiest to test all of the different question types separately when trying to finish the create survey / upload survey response functionality, so that is what I am doing here.

Datetime Question

User responds to the question with a datetime in an <input type="datetime-local"/> HTML element.
The survey creator can specify a minimum datetime, maximum datetime, or both for the response.
The survey creator can edit the step for the response.
The survey results should be shown as a histogram with a slider to change the bin size.

Questions

When was the last time you took a vacation?

Vacation

Input Datetime:

Max Datetime: 2025-02-20T11:12

On what date did you move into your current home?

Home

Input Datetime:

Confirm Response

When did you last visit a doctor for a routine check-up on a Saturday?

Doctor

Input Datetime:

Min Datetime: 1990-11-15T11:13:25

Max Datetime: 2025-02-22T11:12

Confirm Response

What day are you most excited for in the future?

Futuristic

Input Datetime:

Min Datetime: 2025-02-20T11:11

Confirm Response

About Embedding News Content

Navigate to the News Article you want to embed.
Copy the url of the article and paste into the input below.
- For a news article to be properly embedded, it must have valid <meta> tags as seen below.
- The image url must be able to be accessed from any source.

<meta property="og:type" content="article" />
<meta property="og:type" content="any string" />
<meta property="og:image" content="valid image url" />
<meta property="og:description" content="any string" />

Inserting Custom HTML:

Basics:

Double click inside the custom HTML to edit the html.
Learn about the basics of HTML using the mdn web docs on HTML.

Inserting Code Expressions:

 <dialog> below. You can generate inline code or block code, like seen below:

#include <stdio.h>

void bubble_sort(int arr[], int n) {
    int i, j;
    for (i = 0; i < n-1; i++) {
        for (j = 0; j < n-i-1; j++) {
            if (arr[j] > arr[j+1]) {
                int temp = arr[j];
                arr[j] = arr[j+1];
                arr[j+1] = temp;
            }
        }
    }
}

Inserting $\Large{LaTeX}$ Expressions:

You can insert inline:

a^2+b^2=c^2

or block math expressions (see below) by using the Math Markup dialog below the code editor.

e^{i\pi}+1=0

SVG Icon Search

You can search for svg icons () by clicking the SVG Search button below.

AI Code Generation

To be Completed

The Sanitization of HTML

Go over the sanitization of HTML process:

Test of the Datetime Question

About

Datetime Question

Questions

Question 1

Question 2

Question 3

Question 4

Inserting Custom HTML:

Basics:

Inserting Code Expressions:

Inserting $\Large{LaTeX}$ Expressions:

SVG Icon Search

AI Code Generation

The Sanitization of HTML